thin.imports('/public/configure/conf.opts.js');
thin.imports('/public/configure/conf.activity.js');
thin.imports('/public/plug/laytpl/laytpl.js');
thin.imports('/public/plug/LoadEffect/LoadEffect.js');

thin.use(function() {
	// 頁面加載完畢
	thin.effect();

	// 先獲取html
	volistTPL = $('#activitys-volist-template').html();

	// 初始化
	initActivityLists();

	// 綁定條件按鈕
	$('#tpl-condition').on('click', 'a', conditionSearch);
});

var data_opts = {},
	volistTPL,
	__getdata_actvolist = {},
	__getdata_opts = {};

// 初始化
function initActivityLists() {

	// 獲取列表
	getActivityVolist(1);

	// 讀取opts
	__getdata_opts.name = 'city';
	factory.request('_common_opts', ['city', '城市']);
}

// 獲取列表
function getActivityVolist(s) {
	layer.load(0, {
		shade: [0.08, '#000']
	});

	// 獲取活動列表
	factory.request('_activity_volist', s);
}

// 獲取活動列表回調
function __complete_actvolist(res, unkn) {
	layer.closeAll('loading');
	if(res.status == 200) {
		if(res.data.list.length > 0) {
			createVolist(res.data, unkn);
			$('.nothing-box').hide();
		} else {
			// 暫無内容
			$('#tpl-activitys-volist').html('').hide();
			$('.nothing-box').show();
		}
	} else {
		layer.msg(res.error, {
			icon: 2,
			time: 800
		});
	}
}

// 創建列表
function createVolist(data, s) {
	var tpl = laytpl(volistTPL);
	if(s == 1) {
		$('#tpl-activitys-volist').html(tpl.render(data.list)).show();
	} else {
		$('#tpl-activitys-volist').append(tpl.render(data.list));
	}
}

// 讀取opts回調
function __complete_opts(res, unkn) {
	data_opts['model'] = [
		['线上', '线下'], '类型', 'model'
	];
	if(res.status == 200) {
		data_opts[unkn[0]] = [res.data, unkn[1], unkn[0]];
	} else {
		// nothing
	}
	showView();
}

// 渲染視圖
function showView() {
	var template = $('#tpl-condition-tmplate').html(),
		tpl = laytpl(template);
	$('#tpl-condition').html(tpl.render(data_opts)).show();
}

// 篩選項目
function conditionSearch() {
	if($(this).hasClass('disabled')) return;

	var that = $(this),
		k = that.attr('data-condition'),
		t = that.attr('data-title'),
		parent = that.parent();
	if(!parent.hasClass('active')) {
		parent.addClass('active').siblings().removeClass('active');
		if(k == 'model') {
			if(t == '线上') {
				$('#tpl-condition').find('[data-condition=city]').addClass('disabled');
			} else {
				$('#tpl-condition').find('[data-condition=city]').removeClass('disabled');
			}
		}
		__getdata_actvolist[k] = t;
		getActivityVolist(1);
	}
}